<template>
  <div class="app-container">
    医院设置[医院接口模拟管理系统]
    <el-form label-width="120px">
      <el-form-item label="医院code">
        <el-input v-model="hospitalSet.hoscode" />
      </el-form-item>

      <el-form-item label="签名 sign_key">
        <el-input v-model="hospitalSet.signKey" />
      </el-form-item>

      <el-form-item label="统一预约挂号基础路径">
        <el-input v-model="hospitalSet.apiUrl" />
      </el-form-item>

      <el-form-item>
        <el-button type="primary" @click="saveOrUpdate">保存</el-button>
      </el-form-item>
    </el-form>
  </div>
</template>
<script>
import hospset from '@/api/hospManage';

export default {
  data() {
    return {
      hospitalSet: {}
    };
  },
  created() {
    // //页面渲染之前执行
    // //获取路由id值
    // //调用接口得到医院设置信息
    // if (this.$route.params && this.$route.params.id) {
    //   const id = this.$route.params.id;
    //   this.getHostSet(id);
    // } else {
    //   //表单数据清空
    //   this.hospitalSet = {};
    // }
  },
  methods: {
    // //根据id查询
    // getHostSet(id) {
    //   hospset.getHospSet(id).then(response => {
    //     this.hospitalSet = response.data;
    //   });
    // },
    //添加
    save() {
      hospset.saveHospManageApi(this.hospitalSet).then(response => {
        console.log(response);
        //提示
        this.$message({
          type: 'success',
          message: '添加成功!'
        });
        //跳转列表页面，使用路由跳转方式实现
        // this.$router.push({ path: '/hospSet/list' });
      });
    },
    //修改
    update() {
      hospset.updateHospSet(this.hospitalSet).then(response => {
        //提示
        this.$message({
          type: 'success',
          message: '修改成功!'
        });
        //跳转列表页面，使用路由跳转方式实现
        this.$router.push({ path: '/hospSet/list' });
      });
    },
    saveOrUpdate() {
      //判断添加还是修改
      if (!this.hospitalSet.id) {
        //没有id，做添加
        this.save();
      } else {
        //修改
        this.update();
      }
    }
  }
};
</script>
